.table-common {
  width: 100%;
  background-color: #fff;

  .demo-tabs {
    margin-top: -4px;

    /deep/.el-tabs__header {
      margin: 0px;
    }

    /deep/.el-tabs__header {
      .el-tabs__item.is-active {
        font-size: 16px;
        font-family: HarmonyOS_Sans_SC_Medium;
      }
    }

    .goods {
      max-height: 450px;
      overflow-y: auto;
      display: flex;
      flex-wrap: wrap;

      .goods_content {
        width: calc((1920px - 423px) / 3);
        height: 180px;
        background: #F3F4F7;
        border-radius: 8px;
        margin-top: 24px;
        margin-right: 24px;
        display: flex;
        align-items: center;
        position: relative;

        .image {
          width: 132px;
          height: 132px;
        }

        .message {
          margin-left: 24px;

          .message_content {
            display: flex;

            .type {
              font-size: 16px;
              font-family: HarmonyOS_Sans_SC_Bold;
              color: #535862;
              font-weight: bolder;
            }

            .terminal {
              margin-left: 16px;
              display: inline-block;
              text-align: center;
              width: 32px;
              height: 22px;
              line-height: 22px;
              background: rgba(0, 148, 255, 0.12);
              border-radius: 6px;
              border: 1px solid rgba(47, 143, 241, 0.4);
              font-size: 14px;
              color: #2F7DF1;
              ;
            }

            .headline {
              width: 70px;
              height: 22px;
              font-size: 14px;
              font-family: HarmonyOS_Sans_SC;
              color: #989DAA;
              line-height: 22px;
            }

            .headline_content {
              height: 22px;
              font-size: 14px;
              font-family: HarmonyOS_Sans_SC;
              color: #535862;
              line-height: 22px;
            }
          }
        }
      }

      .hidden_overdue {
        display: none;
      }

      .red_overdue {
        height: 28px;
        background: rgba(255, 71, 36, 0.12);
        border-radius: 6px;
        border: 1px solid rgba(255, 76, 45, 0.4);
        font-size: 14px;
        font-family: HarmonyOS_Sans_SC;
        color: #F24A45;
        line-height: 28px;
        padding-left: 8px;
        padding-right: 8px;
        position: absolute;
        top: 8px;
        right: 8px;
      }

      .green_overdue {
        height: 28px;
        background: rgba(255, 179, 31, 0.12);
        border-radius: 6px;
        border: 1px solid rgba(255, 159, 58, 0.4);
        font-size: 14px;
        font-family: HarmonyOS_Sans_SC;
        color: #FF8F3A;
        line-height: 28px;
        padding-left: 8px;
        padding-right: 8px;
        position: absolute;
        top: 8px;
        right: 8px;
      }
    }
  }
}

.detail_content {
  display: flex;
  justify-items: center;
  align-items: center;
  padding: 24px;
  padding-bottom: 0px;

  .content_img {
    width: 240px;
    height: 240px;
  }

  .detail_body {
    width: 448px;
    height: 240px;
    background: rgba(238, 243, 255, 0.56);
    border-radius: 8px;
    margin-left: 24px;
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    box-sizing: border-box;

    .body_message {
      display: flex;

      .message_title {
        width: 84px;
        text-align: right;
        margin-bottom: 8px;
        font-size: 14px;
        font-family: HarmonyOS_Sans_SC;
        color: #989DAA;
      }

      .message_content {
        font-size: 14px;
        font-family: HarmonyOS_Sans_SC;
        color: #535862;
        margin-left: 10px;
      }
    }
  }
}

.buttonCancel {
  width: 88px;
}

.buttonOverdue {
  width: 88px;
  color: #F24A45;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #F24A45;
}

// .layout-card {
//   /deep/.card-content{
//     padding-right: 9px !important;
//   }
// }